<template>
    <div class="comment-item">
        <div class="row">
            <div class="left">
                <img v-lazy="c_item.userInfo.user_phone" >
                <span class="nickName">{{c_item.userInfo.nickName}}</span>
            </div>
            <div class="right">
                <div>{{formateDate(c_item.create_time)}}</div>
                <div>
                    <rate
                    v-model="c_item.star"
                    :size="25"
                    color="#ffd21e"
                    void-icon="star"
                    void-color="#eee"
                    />
                </div>
            </div>
            <div class="comment-text">
                {{c_item.comment_text}}
            </div>
        </div>

    </div>
</template>

<script>
import {formateDate} from '../filters/DateFilter.js'
import { Rate } from 'vant';
export default {
    name:'CommentItem',
    components:{Rate},
    props:{
        c_item:{
            type:Object,
            require:true
        }
    },
    setup () {
        

        return {}
    }
}
</script>

<style lang="scss" scoped>
.comment-item{ 
    box-sizing: border-box;

    .row {
        .left{ 
            img{ 

            }
            .nickName{ 

            }
        }
        .right {

        }
    }
    .comment-text{  
        
    }
    
}
</style>